查看原文
其他

让设计方案更具说服力的10个心理学原理!

The following article is from Clip设计夹 Author Clippp

产业的发展离不开CMF(色彩、材料、工艺)





好的设计不仅能解决问题,还能为用户带来积极的情感,并通过三个层面产生情感:

  • 本能层:用户想要的感受;

  • 行为层:用户想要做什么;

  • 反思层:用户想要成为谁。


目前CMF设计军团成立了产品色彩交流微信群,诚邀设计师及对色彩爱好者们加入,长按如下二维码或加群主微信18927421646,备注“色彩”,加入产品色彩交流微信群,与行业人士一同交流。


作为设计师除了要掌握基本的设计原则外,还需要对每个层面的情感以及创造情感的心理学原理有更深入的了解。


 1. 格式塔原则 

相似原则

人的眼睛会把具有相似特征的元素当成一个整体,认为这些元素具有相同的作用。


▲ 界面中的绿色图标具有相同的功能,方便用户快速认知和操作。因此在设计具有相同功能或内容的界面元素时,应该保持一致性。

应用位置:导航、链接、按钮、内容页。

连续原则

用户倾向于把连续排列的元素视为一个整体。这条原则与对称性和相似性密切相关。通过在序列上创建相似且重复的元素,引导用户的视线方向,使操作更加连贯和清晰。


▲ 只露出一部分的卡片会向用户发出信号,表示滑动可以查看更多的书。

应用位置:菜单和子菜单、列表、产品页、轮播页。

封闭原则

当看到不完整的图像时,我们会依据已有的经验把不完全封闭的图像当成一个统一的整体,这是在平面或logo设计中常用到的原则。


▲ 尽管页面右上方的饼图只显示了一部分,我们仍然能够轻松地识别出来。

应用位置:图标、加载、数据可视化。

邻近原则

人们会将彼此相邻的元素视为一组。在设计时要注意使用间距将元素组合在一起。使用较大的间距来分隔大的内容组,再使用较小的间距来分隔大内容组中的小内容组。


▲ 页面上的每个卡片中都含有4组信息,很难快速识别具体的内容。通过调整间距,可以将这些信息清楚地分为2组。

应用位置:导航、卡片、横幅、列表页、分页。

对称原则

我们喜欢看到对称且平衡的事物。它是所设计领域中最常用和最安全的原则,有助于营造一种稳定感和秩序感。


▲ 对称的布局不仅增强了用户的印象,还强调了中间的视频播放按钮。

应用位置:产品展示页、列表、导航以及任何内容丰富的页面。

共同区域原则

通过信息分组和内容组织,实现内容的组合,有助于提升内容的层次结构和可扫描性。


▲ 卡片式UI有助于将信息分组并创建内容的层级深度。

应用位置:卡片、内容、服务、摘要。

共同命运原则

向同一方向移动的元素被认为比静止或向另一个方向上移动的元素更相关。这个原则有利于建立不同分组或状态之间的关系。


▲ 页面右侧的3个图形方向相同,有利于展示信息并让用户了解它们的功能。

应用位置:导航/下拉、折叠条目、工具提示、产品滑块、滚动条。


 2. 焦点 

看东西时,我们的视线往往会首先关注最突出的元素。理解这种行为有助于我们在设计中创建一个“锚点”,从而引导用户按照我们设计的场景查看内容。


▲ 通过人物插画将用户的注意力引导到账单和人数等主要信息上。

应用位置:内容、登录页、产品页。


 3. 冯·雷斯托夫效应 

又称隔离效应,相对于普通事件或物体,独特、有特色的事件或物体更容易被人记住。应用此原则的元素通常独立存在,不需要向用户导航额外的信息。


▲ 中间的升级插画部分在整个页面上是独立存在的,并且吸引注意力是号召性用语或转化的关键。

应用位置:价格表、促销页、图标入口。


 4. 本能反应 

根据现实中的用户行为创建视觉上引人入胜的体验。例如看幽默类视频的时候,如果在视频的高潮伴有笑声音效,我们也会更容易跟着笑起来。


如果能让用户感觉良好和舒适,他们也会更喜欢我们的设计。

应用位置:产品图、插图、摄影。


 5. 色彩心理学 

许多研究表明,颜色对我们的潜意识有特殊的影响。性别、宗教和文化对颜色的理解也有所不同。


▲ 关于颜色的运用,这张色彩心理学海报介绍了丰富的方法。同时也要记住最广泛使用的系统颜色:红色代表错误;绿色代表成功;蓝色代表进行中;黄色代表警告。


 6. 形状心理学 


▲ 同颜色一样,人们的潜意识对不同的形状也有不同的反应:
  • 圆形、椭圆形:传达积极的信息,通常与社区或关系有关;

  • 正方形、三角形:传达强烈的信息,通常与强度和稳定性有关;

  • 垂直线:表示强度或力量;

  • 水平线:表示平静、相等或安静。



 7. 双重编码理论 

这个理论解释了人类需要视觉和语言信息来尽快处理信息。为了最大限度地提高设计的有效性,不应该删除必要的说明性文字。


▲ 大多数App的底部导航栏都利用图标与文字相结合的方式让用户快速知道功能。

另一个好的设计案例:



 8. 并行设计 

人眼倾向于看到平行因素比其他因素更相关。这一原理经常用来对同一页面中的两组不同内容进行分类。


▲ 使用垂直排列的卡片代表相同的问题,水平排列的卡片代表不同的问题。


 9. 公共区域 

这一原理类似于格式塔原则中的相似原则。公共区域通过使用线、形状或颜色划分的方式创建。


▲ 如果页面需要用户不断滚动来查看内容,可以考虑使用颜色来更清楚地划分这些内容,而不仅仅是使用间距。


 10. 扫描模式 

根据NNGroup、UXPin等设计团体的研究,最常用的两种扫描模式是“F型”和“Z型”:
  • “F型”应用最为广泛,尤其是对于内容丰富的网站。

  • “Z型”用于那些文字信息少,最后需要强调用户点击类的网站。


了解如何使用这些模式后,我们就可以有效地选择布局和安排元素来实现设计目标。


 最后 

第一印象是最令人难忘的,好的体验可以在用户与产品之间建立持久的联系。

慢慢来比较快,如觉得有帮助,请点个在看,谢谢!

免责声明/Disclaimer
① 素材来源于Clip设计夹,原文 | blog.prototypr.io/10-psychological-rules-i-used-to-make-users-love-at-first-sight-55c71f99bfa,作者 | Hoang Nguyen,已获授权;② 版权归原创作者及其公司所有;③ 若此文章、视频或图片侵犯到您的权益,请与我们联系(微信13713875667)删除。


想了解更多CMF内容吗?欢迎大家点击下方关注我们公众号,每日8点20,定时发布文章。另外,公众号右上角有搜索按钮,可以快速查找平台早期发过的文章内容哦~~

近期精选文章推荐:【完整版】2021德国IF:概念类获奖作品赏析(下)
【完整版】2021德国IF:概念类获奖作品赏析(上)
苹果发布会刚刚召开,都带来了哪些产品及设计亮点?
干货!多家企业CMF技术展示,3D透光彩印|新仿金属拉丝|免喷涂等
最新研究:玻璃注塑成型新工艺2021橡塑展,看与CMF设计相关的4个材料趋势总结重磅出炉!2021德国IF最佳产品设计金奖作品欣赏【附设计及制造厂商名单】“色彩之旅2021/22”趋势报告发布:触摸色彩4分钟视频带你进一步了解TOM工艺,三次元外观加饰技术近一年新发布手机亮点工艺汇总!华米OV|三星|苹果等
最近小米新LOGO刷爆了朋友圈,设计师到底有何来头?

奔驰全新EQS内饰全球首发!CMF设计欣赏+解析

小米11 Ultra近日发布,采用陶瓷机身,工艺及供应商介绍

超详2021AWE | CMF设计分析与总结



CMF企业内训预订中!

内训课程源于CMF研修课程专业升级,针对解决企业CMF开发难题,开发历经1年余,在企业内部上课,从循序到渐进,从认知到实践,从策略到管理,是目前最全面最体系化的CMF课程。



课程的CMF专家来源于全球不同领域的资深专家,运营团队为萨米设计研究,作为CMF行业最有影响力的平台,覆盖10万+行业精准粉丝,具有强大的全球优秀资源整合力。



—————课程信息—————



开课形式:

深入企业内部


开课时间:

结合企业实践,工作日/周末都可


课程费用:

根据课时不同,面议


报名咨询

扫一扫下方二维码

填表



更多咨询

扫码联系负责人

张小姐

18926035037




为探索CMF深度与广度,提升行业水平,军团邀请到:

海尔、美的、格力、西门子、奥克斯、小天鹅、海信、康佳、TCL、松下、奥马、长虹、飞利浦、创维、莱克、科沃斯、苏泊尔、史密斯、美菱、九阳、海派、仁宝、罗技、华硕;Apple、华为、小米、三星、OPPO、联想、中兴、vivo、酷派、魅族、乐视、Motorola、传音、努比亚、奇酷360、一加、美图;微软、intel;宝马、大众、广汽、北汽、上汽、一汽、长安、长城、吉利、海马、江淮、比亚迪、奇瑞、现代、中车、陕汽、东风、潍柴、蔚来、泛亚、小鹏、宝沃、伊狄达、开云、同捷科技;佳普、老板、正大、模德、奥普、樱花、欧普、欧派、顾家、华帝;杜邦、库尔兹、巴斯夫、陶氏、PPG、苏威、阿克苏诺贝尔、3M、艾文德、LG;武汉大学、天津大学、东南大学、湖南大学、吉林大学、江南大学、东华大学、同济大学、中央美院、天津科技、天津工业、广州大学、南京艺术学院、浙江理工、浙江工业、中国地质、南京理工、南京航空航天、北京理工、西南交通、广东工业、华南理工、华南工业、华南农业、安徽农业、哈尔滨理工大学;北京服装学院色彩设计研究中心、中国流行色协会、中国色彩中心、爱色丽&潘通、丽华创新制造、江南大学&卡秀堡辉联合创新实验室、荣格、YANG DESIGN等诸多业界同仁,分别来自家电、3C、汽车、家居、资源方、学术界、第三方平台、设计企业等,共同探索CMF,助力行业发展。


用心研究分享

设计、材料、工艺、趋势、文稿、资讯

CMF设计军团免责说明:本文仅代表作者本人对于行业的个人看法,作为分享交流。本文引用的图文、数据等其它内容,来源于网络或公开资料,版权归原作者及原出处所有,仅用于学习之用。任何商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如需转载,请与军团联系。


继续滑动看下一个
CMF设计军团号
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存